@charset "utf-8";

$font-size: 64px;
html {
    font-size: $font-size;
}
@function r($px) {
    @return $px/$font-size*1rem;
}
.web{
    background: url(../img/bg.jpg) no-repeat;
    width: 100%;
    height: 100%;
    .contain{
        width: 80%;
        margin: 0 auto;
        .pto{
            text-align: center;
            padding-top:r(100px);
            font-size: 0;
            img{
                width: 80%;
            }
            .name{
                margin-top: r(25px);
            }
        }
        .button{
            margin-top: r(200px);
            text-align: center;
            padding-bottom: r(30px);
            a{
                display: inline-block;
                font-size: r(30px);
                color: #d62d31;
                padding: r(30px) r(50px);
                border: 1px solid #d62d31;
                border-radius: 15px;
                background: #fff;
            }
            a:nth-of-type(2){
                color: #fff;
                background: #d62d31;
                margin-left: r(80px);
            }
        }
    }
}
